# Интернет-магазин аудио аксессуаров

https://night-watch-frontend.github.io/neoflex-test/

## Первая страница –каталог товаров, вторая – корзина с приобретенными товарами.

1. реализован удобный и масштабируемый роутинг;

2. реализован переход с корзины обратно домой через logo;

3. при нажатии на «Купить» в карточке на первой странице счетчик товаров рядом с иконкой корзины увеличивается;

4. при изменении количества товаров в корзине, сумма и кол-во товаров изменяется;

5. реализована возможность удалять карточку товара из корзины товаров;

6. реализован «Переход к оформлению» на модальное окно с формой оплаты;

7. реализовано модальное окно с подробной информацией о товаре;

8. адаптивная верстка;

## Установка

1. Клонирование репозитория

`git clone https://github.com/Night-watch-frontend/neoflex-test.git`

2. Переход в директорию neoflex-test

`cd neoflex-test`

3. запуск команды установки

`npm i`

4. запуск команды для открытия проекта на локальном сервере

`npm run dev`

5. запуск команды для сборки проекта в продакшн

`npm run build`

6. запуск команды для просмотра собранного в продакшн проекта

`npm run preview`

## При разработке были использованы npm пакеты:

    "@hookform/resolvers": "^3.3.4"

    "@reduxjs/toolkit": "^2.2.2"

    "react": "^18.2.0",

    "react-dom": "^18.2.0",

    "react-hook-form": "^7.51.2",

    "react-redux": "^9.1.0",

    "react-router-dom": "^6.22.3",

    "react-tooltip": "^5.26.3",

    "yup": "^1.4.0"

    "@types/react": "^18.2.64",

    "@types/react-dom": "^18.2.21",

    "@typescript-eslint/eslint-plugin": "^7.1.1",

    "@typescript-eslint/parser": "^7.1.1",

    "@vitejs/plugin-react": "^4.2.1",

    "eslint": "^8.57.0",

    "eslint-plugin-react-hooks": "^4.6.0",

    "eslint-plugin-react-refresh": "^0.4.5",

    "sass": "^1.72.0",

    "typescript": "^5.2.2",

    "vite": "^5.1.6"
